<!DOCTYPE>
<html>

<head>
  <meta charset="utf-8">
  <title>IFE JavaScript Task 29</title>
  <script src="js/task29.js"></script>
</head>

<body>
  <fieldset>
    <legend><a href="http://ife.baidu.com/task/detail?taskId=29">说明</a></legend>
    <dl>
      <dt>任务目的</dt>
      <dd>加强对JavaScript的掌握</dd>
      <dd>熟悉常用表单处理逻辑</dd>
    </dl>
    <dl>
      <dt>任务目的</dt>
      <dd>如<a target="_blank" href="http://7xrp04.com1.z0.glb.clouddn.com/task_2_29_1.jpg">示例图</a>中所示，在页面中实现一个输入框与按钮，要求点击验证按钮后，对输入框中内容进行格式校验，并在其下方显示校验结果</dd>
      <dd>校验规则：</dd>
      <dd>1.字符数为4~16位</dd>
      <dd>2.每个英文字母、数字、英文符号长度为1</dd>
      <dd>3.每个汉字，中文符号长度为2</dd>
    </dl>
  </fieldset>
  <!-- <form action="#" style="margin-top:20px;"> -->
    <p style="margin-top:20px;">
      <label>名称</label>
      <input id="name" type="text" name="name">
      <button id="yanz">验证</button>
    </p>
    <p id="msg">
      必填，长度为4~16个字符
    </p>
  <!-- </form> -->
</body>

</html>
